import React from 'react'
import styles from './Homepage.css';
import Header from '../Header/Header.js';
// import Sidebar from '../Sidebar/Sidebar.js';
import Content from '../Content/Content.js';
import SidebarQh from '../../containers/SidebarQh.js';

let styleObj={
    _row:{
        'marginLeft':'0px',
        'marginRight':'0px',
        'height':'calc(100% - 80px)',
    },
    _col:{
        'paddingLeft':'0px',
        'paddingRight':'0px',
        'height':'100%'
    },
};
import {
    BrowserRouter as Router,
    Route,
    Link,
    Redirect,
} from 'react-router-dom'
class Homepage extends React.Component{
    constructor(){
        super();
    }
    render(){
        return(
            <Router>
                <div className={styles.root} >
                    <Header />
                    <div className="row" style={styleObj._row}>
                        <div className="col-md-2" style={styleObj._col}>
                            <SidebarQh />
                        </div>
                        <div className="col-md-10" style={styleObj._col}>
                            <Content />
                        </div>
                    </div>

                </div>
            </Router>
        )
    }
}
export default Homepage;